/**
 * 这个文件负责管理所有的自定义指令
 * Vue.directive('指令名称', {
 *    // 会在当前指令作用的dom元素 插入之后执行
 *    // options 里面是指令的表达式
 *    inserted: function (dom,options) {
 *   }
 * })
 */
export const imagerror = {
  // 指令对象
  // inserted在当前元素插入dom节点之后执行
  inserted(dom, options) {
    // options 是指令中变量的解释 例如v-imageerror="img" 那么options.value就是这个变量img
    // dom 表示当前指令作用的dom对象 当前的dom是图像
    // 当图片有地址但是报错的时候会触发图片的一个事件 => onerror
    dom.onerror = function() {
      // 当图片出现异常的实收就会显示options的value
      // dom注册onerror事件
      // 给图片一张默认图片
      dom.src = options.value // 这里不能写死
    }
  }
}
